@use '@scss/common' as *;

.media {
  img,
  video {
    width: 100%;
  }

  @include mid-break {
    margin-inline: calc(-1 * var(--gutter-h));
    grid-row: 1;
    img,
    video {
      max-width: initial;
    }
  }
}

.stretchLeft {
  margin-right: calc(-1 * var(--gutter-h));
}

.stretchRight {
  margin-left: calc(-1 * var(--gutter-h));
}

.content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  @include mid-break {
    margin-top: 1rem;
  }
}

.button {
  display: block;
  margin-top: 2rem;
  width: 100%;

  a {
    width: 100%;
  }

  @include mid-break {
    width: 100%;
    margin-top: 1rem;
  }
}
